<%--
  Created by IntelliJ IDEA.
  User: success
  Date: 2019/9/12 0012
  Time: 13:38
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<div class="page">
    <ul class="pagination">
        <li><a href="javascript:goPage(1)">首页</a></li>

        <%--上一页--%>
        <c:if test="${pageInfo.pageNum>1}">
            <li><a class="prev" href="javascript:goPage(${pageInfo.pageNum-1})">&lt;</a></li>
        </c:if>
        <c:if test="${pageInfo.pageNum<=1}">
            <li class="prev"><a class="prev">&lt;</a></li>
        </c:if>

        <!--循环标签显示 - 显示5个
            思路 - 起始值 - 从当前页
        -->
        <%--处理一下最终的页数--%>

        <c:if test="${pageInfo.pageNum+4<pageInfo.pages}">
            <c:set var="startPage" value="${pageInfo.pageNum}"></c:set>
        </c:if>

        <c:if test="${pageInfo.pageNum+4>=pageInfo.pages}">
            <c:set var="startPage" value="${pageInfo.pages-4}"></c:set>
        </c:if>

        <c:forEach begin="${startPage<=0?1:startPage}" end="${startPage+4}" var="n">
            <%--判断当前页是否高亮显示--%>
            <li <c:if test="${pageInfo.pageNum == n}">class='active'</c:if>> <a href="javascript:goPage(${n})">${n}</a></li>
        </c:forEach>


        <%--下一页--%>
        <c:if test="${pageInfo.pageNum<pageInfo.pages}">
            <li><a href="javascript:goPage(${pageInfo.pageNum+1})">&gt;</a></li>
        </c:if>
        <c:if test="${pageInfo.pageNum>=pageInfo.pages}">
            <li class="disabled"><a>&gt;</a></li>
        </c:if>

        <li><a class="next" href="javascript:goPage(${pageInfo.pages})">尾页</a></li>
        <li><a class="next" href="#">当前页${pageInfo.pageNum}/${pageInfo.pages}总页</a></li>

    </ul>
</div>

<script>
    //    下一页
    function goPage(pageNum){

        //获取文本框的内容
//        var name = document.getElementById("searchName").value;
//
//        //继续发送手机类型的数据
//        var type_id = document.getElementById("phoneType").value;
//        //获取每页显示的条数
//        var pageSize = $("#sizeSelect").val();

        //发送到后台 - 刷新的方式进行跳转了.
        // window.location=path+'/phone/list.action?name='+name+"&phonetype_id="+type_id+"&pageNum="+pageNum+"&pageSize="+pageSize;

        //通过ajax的方式进行跳转.
        //原生的js操作ajax
        //原生的jquery$.ajax
        //jquery高级的用法$.get和$.post
        // $.get(path+'/phone/list.action',{name:name,phonetype_id:phonetype_id,pageNum:pageNum,pageSize:pageSize});

        $("#content").load("${path}/themeF/postPage",
            {themeId:1,pageNum:pageNum,pageSize:8});
    }


</script>

